<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta id="viewport" name="viewport" content="width=640,user-scalable=no">
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">

<title>佛山战“疫”记录</title>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="data.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">

</head>
<body style="">
<div style="text-align:center;"><img src="title1.png" class="pimg">
<script>
function sh_hi(checkbox,color,checkbox2){
	if (checkbox.checked){
		$("."+color).show();
		$("#"+checkbox2).prop("checked",true);
	}else{
		$("."+color).hide();
		$("#"+checkbox2).prop("checked",false);
	}
}

$(document).scroll(function() {
        if ($(document).scrollTop()>=160){
			$("#titlebox").show();
		}else{
			$("#titlebox").hide();
		}
});


function make_line(month_data, id_name) {
    var content_td = ""
    for(var i=0;i<month_data.length;i++){
        if (i == 0) {
            content_td += `<tr><td width="60" valign="top" style="padding-top:15px"><div class="yuanjiao5" style="color:rgb(79,160,255); text-align:center; font-size:14pt" onclick="$(&quot;#01${i}&quot;).fadeToggle();">${month_data[i][0]}</div></td>`    
            content_td += `<td><table width="100%" border="0" cellspacing="0" cellpadding="5" id="01${i}"><tbody>`
        } else {
            

            if (per_data !== month_data[i][0]) {
                content_td += "</tbody></table></td></tr>"
                content_td += `<tr><td width="60" valign="top" style="padding-top:15px"><div class="yuanjiao5" style="color:rgb(79,160,255); text-align:center; font-size:14pt" onclick="$(&quot;#01${i}&quot;).fadeToggle();">${month_data[i][0]}</div></td>`    
                content_td += `<td><table width="100%" border="0" cellspacing="0" cellpadding="5" id="01${i}"><tbody>`
            }
        }
        content_td += `<tr class="yellow_f">
                        <td width="10%" align="center" valign="top" class="line padding5">
                            <img src="dian.png" width="15" height="15" style="padding-top:19px">
                        </td>
                        <td width="90%" style="padding-bottom:30px">
                            <section style="width:100%; display:flex; display:-webkit-flex; padding:5px 0px" data-width="100%;">
                                <section style="padding-top:9px;margin-left:-15px">
                                    <img src="j2.png" width="20" height="20">
                                </section>
                                <section>
                                    <section class="yellow yuanjiao" onMouseOver="this.style.color='#F00'" onMouseOut="this.style.color='rgb(51,51,51)'">
                                        <b>${month_data[i][1]}</b>                                        
                                    </section>
                                </section>
                            </section>
                        </td>
                    </tr>`

        
        per_data = month_data[i][0]

    }
    content_td += "</tbody></table></td></tr>"
    $(`#${id_name}`).html(content_td);
}

$(document).ready(function(){
    make_line(month1_data, "month1_body")
    make_line(month2_data, "month2_body")
    make_line(month3_data, "month3_body")
})
</script>
</div><br>
</div>
<div style="padding-left:20px">
    <div style="padding-left:25px;">
        <div class="yuanjiao5" style="background-color:rgb(79,160,255);width:130px; text-align:center; color:#FFF" onclick="$(&quot;#month1&quot;).fadeToggle();">2020年1月</div>
    </div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="month1">
      <tbody id="month1_body">
      </tbody>
    </table>

</div>


<div style="padding-left:20px">
    <div style="padding-left:25px;">
        <div class="yuanjiao5" style="background-color:rgb(79,160,255);width:130px; text-align:center; color:#FFF" onclick="$(&quot;#month2&quot;).fadeToggle();">2020年2月</div>
    </div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="month2">
      <tbody id="month2_body">
      </tbody>
    </table>
</div>


<div style="padding-left:20px">
    <div style="padding-left:25px;">
        <div class="yuanjiao5" style="background-color:rgb(79,160,255);width:130px; text-align:center; color:#FFF" onclick="$(&quot;#month3&quot;).fadeToggle();">2020年3月</div>
    </div>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="month3">
      <tbody id="month3_body">
      </tbody>
    </table>
</div>


</body>
</html>